<template>
    <HelloWorld msg="Hello Vue 3 + Vite" class="wrap" />
</template>

<script setup>
import { provide,defineAsyncComponent } from 'vue';
import HelloWorld from './components/HelloWorld.vue';
// This starter template is using Vue 3 experimental <script setup> SFCs
// Check out https://github.com/vuejs/rfcs/blob/script-setup-2/active-rfcs/0000-script-setup.md
</script>

<style>
#app {
    font-family: Avenir, Helvetica, Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-align: center;
    color: #2c3e50;
    height: 100%;
}

.wrap {
    width: 100%;
    height: 100%;
}
</style>
